<!DOCTYPE html>
<html>
  <head>
    <title>easyAdmin</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../EasyAdmin/static/easyUI/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../EasyAdmin/static/easyUI/jquery.easyui.min.js"></script>
	<script src="https://www.layuicdn.com/layui/layui.js"></script>
	<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    
  </head>
  
  <body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo"><h2>EasyAdmin</h2></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="">控制台</a></li>
      <li class="layui-nav-item"><a href="">商品管理</a></li>
      <li class="layui-nav-item"><a href="">用户</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          贤心
        </a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:opinfo();">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="">退了</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">所有商品</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="javascript:;">列表三</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">解决方案</a>
          <dl class="layui-nav-child">
            <dd><a href="http://www.baidu.com" target="content">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">云市场</a></li>
        <li class="layui-nav-item"><a href="">发布商品</a></li>
      </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <iframe name="content" height="100%" width="100%"></iframe>
  </div>
  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    easyAdmin 开发者 @王勃 QQ: 1974221405 Email: sftwangbo@126.com &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;<span style="color: #2a8ed1" id="text"></span>&nbsp;
  </div>
</div>
<script type="text/javascript">
layui.use('element', function(){
  var element = layui.element;
  
});
var websocket = null;

function connect() {
//判断当前浏览器是否支持WebSocket
  if ('WebSocket' in window) {
    // 不带参数的写法
    websocket = new WebSocket("wss://127.0.0.1:80/EasyAdmin/websocket/login");
    // 通过路径传递参数的方法（服务端采用第一种方法"@ServerEndpoint"实现）
    //websocket = new WebSocket('ws://bo.free.idcfengye.com/EasyAdmin/websocket/login');
  } else {
    alert('当前浏览器 Not support websocket')
  }

//连接发生错误的回调方法
  websocket.onerror = function () {
    setMessageInnerHTML("WebSocket连接发生错误");
  };

//连接成功建立的回调方法
  websocket.onopen = function () {
    setMessageInnerHTML("欢迎使用EasyAdmin");
  }

//接收到消息的回调方法
  websocket.onmessage = function (event) {
    setMessageInnerHTML("当前在线人数为 "+event.data+" 人");
  }

//连接关闭的回调方法
  websocket.onclose = function () {
    setMessageInnerHTML("期待您下次使用，再见！");
  }

//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
  window.onbeforeunload = function () {
    closeWebSocket();
  }

}
//将消息显示在网页上
  function setMessageInnerHTML(innerHTML) {
    document.getElementById('text').innerHTML = innerHTML ;
    //alert(innerHTML)
  }

//关闭WebSocket连接
  function closeWebSocket() {
    websocket.close();
  }

//发送消息
  function send() {
//  var message = document.getElementById('text').value;
    websocket.send("1212");
  }

connect();
//send();

/*$.ajax("http://localhost:8088/EasyAdmin/getMenue",function (data) {
  console.log(data);
})*/

function opinfo(){
    layui.use('layer', function(){
        var layer = layui.layer;
        layer.open({
            type:2,   //1 展示文本页  2 展示网页url
            title:'修改资料',
            content:'../EasyAdmin/main/getMenue',
            area :['800px','520px']
        })
    })

}
function picupload(){

}
</script>
</body>
</html>
